@charset "utf-8";
/* NHN (developers@xpressengine.com)  */

/* NIPPON COLORS
KURENAI             #CB1B45      203, 27, 69
HAIZAKURA         #D7C4BB      215,196,187
SYOJYOHI           #E83015       232,48,21
RURI                    #005CAF      0,92,175
KARAKURENAI     #D0104C     208,16,76

*/

#header{width: 100%;height: 80px;background:url('../img/bg_rpt_hd.png') repeat-x 0 0;}
#header .inner,#footer .inner{position:relative;z-index:1000;width: 960px;}
#header .inner{height:80px;}
#header .logo a{position:absolute; top:17px;left:19px;z-index:1010;display:block;width: 216px;height: 48px;background: url('../img/@logo.png') no-repeat 0 0;}
#header .srch{position: absolute;z-index:1010;top:27px;right:130px;width:197px;height: 26px;background:url('../img/bg_srch.png') no-repeat 0 0;}
#header .srch .ipt_srch{position: relative;z-index:1010;margin: 1px 0 0;margin-top:3px\9;*margin-top:1px; padding: 2px 0 0 5px; *padding-top:4px;width: 165px; height: 18px; line-height: 14px; background:transparent;border:none; font-size: 14px;color:#999;}
#header .srch .sbmt_srch{position: absolute;z-index: 1020;top:3px;right:4px;width: 20px;height: 20px;border:none;background:transparent url('../img/sbmt_srch.png') no-repeat 0 0;}
#header .selectLang{position: absolute;top:27px;right:30px;z-index:1010;}
#header .selectLang .field {padding:7px 25px 0 2px;width:60px;height:20px;color:#5B6277;cursor:pointer;font-size:11px;font-weight:bold;line-height:1;text-align: center;background: url("../img/bg_combo_field.png") no-repeat scroll 0 0 transparent;}
#header .selectLang .off{display:none;}
#header .selectLang .on{display:block !important;}
#header .selectLang .lst{display:none;width:77px;}
#header .selectLang .lst li{float:left;margin:0 0 1px;width:87px;background:#858a97;font-size: 12px;line-height: 1}
#header .selectLang .lst li a{display:block;padding:5px 0 7px;width:87px;font-size:12px;line-height:1;color:white;font-weight: bold;text-decoration: none;text-align: center}

#container{background:#f1f3f8 url('../img/bg_sidebar.gif') repeat-y 0 0;}
#container .sidebar{float:left;width:200px;padding-bottom:40px}
#container .sidebar .cafe{position:relative;width: 200px;height: 320px;padding:20px 0 0 0;background: url('../img/bg_mb_grad.png') repeat-x 0 0;}

.cafe .sign_form{width:160px;margin:0 20px}

.cafe .sign_form .ipt_box{margin:10px 0 20px;}
.cafe .sign_form .ipt_box .ipt_txt{margin:10px 0 0;padding:3px 4px 0 3px;width:153px;height:21px;border:0;background:transparent url('../img/bg_signin_ipt.png') no-repeat 0 0;}
.cafe .sign_form .ipt_box .ipt_txt::-webkit-input-placeholder{color:#999;font-size:12px;}
.cafe .sign_form .ipt_box .ipt_txt:-moz-placeholder{color:#999;font-size:12px;}
.cafe .sign_form .ipt_box .placeholder{color:#999;font-size:12px;}
.cafe .sign_form .ipt_box label{display:block;margin:6px 0 0 0;color:white;}
.cafe .sign_form .ipt_box .ipt_chk{margin:0  5px 0 0}


.cafe .cafe_pic{position:relative;margin:0 20px 8px;width:160px;height:189px;border-bottom:1px solid #838895;}
.cafe .cafe_pic .head{width:160px;height:29px;background: url('../img/bg_proj_top.png') no-repeat 0 0;}
.cafe .cafe_pic .lnk_home{display: block;float:left;width:15px;height:15px;margin:0;padding:7px 7px 7px 8px;}
.cafe .cafe_pic .ico_home{display:block;width:15px;height:15px;background:url('../img/ico_home.png') no-repeat 0 0;}
.cafe .cafe_pic .head .name{display:block;float:left;padding:5px 0 0 10px;width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Verdana, sans-serif;font-size:14px;color:white;font-weight: bold;}
.cafe .cafe_pic .cover{position:absolute;bottom:0px;left:0;width:158px;height:158px;border:1px solid #22252d;background:url('../img/bg_profile_cover.png') no-repeat 0 0;}
.cafe .cafe_pic img{margin:1px 0 0 1px;}

.cafe .cafe_info{margin:0 0 0 20px;width:160px;*zoom:1;}
.cafe .cafe_info:after{content:'';display:block;clear:both;}
.cafe .cafe_info dt,.cafe .cafe_info dd{font-size:12px;line-height:18px;float:left;}
.cafe .cafe_info dt{padding:0 0 0 15px;color:#dededf;}
.cafe .cafe_info dd{color:#b9caed;}

.lst_help{list-style: none;margin:0 20px 0;width:160px;}
.lst_help li{padding:0 0 0 7px;width:153px;overflow:hidden;background:url('../img/sign_opt_li_type.gif') no-repeat 0 50%;}
.lst_help li a{color:#b9caed;font-size:12px;line-height:24px;}

#footer{width: 100%;height: 36px;background: url('../img/bg_rpt_ft.png') repeat-x 0 0;}
#footer .inner{height:36px;text-align: center;font-size: 12px;color:#bcc3d6;font-family: Arial, sans-serif;}
#footer .inner address{padding:8px 0 0 0;}
#footer .inner a{color:#bcc3d6;}

/* Content */
#container .main{margin-left:200px;min-height: 500px;}
#container .content_title{padding:0 0 0 60px;font-size:30px;line-height:80px;color:#e5e8f1;font-weight: normal;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;background: url('../img/bg_content_title.png') repeat-x 0 0;}
#container .whatever{padding: 30px 30px 30px 60px;width:670px;font-size:12px;line-height: 1.6;}
#container .content_area{float:right;width:100%}

.content_area .ct_head{height:43px;border-top:1px solid #f6f7f8; border-bottom: 1px solid #d9dce2;background: #e4e7ed;}
.content_area .ct_head .ct_head_title{padding:12px 0 0 60px;}
.content_area .ct_head .ct_head_title em{padding:0 7px 0 0;color:#3c424f;font-size: 20px;font-weight: normal;}
.content_area .ct_head .ct_head_title span{color:#8497e7;font-size: 16px}

.mb_fn{margin:10px 35px 0;width:160px;}
.mb_fn li{height:14px;line-height:18px;margin-bottom:5px;}
.mb_fn li a{color:#b9caed;font-size:12px;line-height:12px;vertical-align:top;}
.mb_fn li i{display:block;float:left;margin:2px 5px 0 0;width:10px;height:10px;}

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:1000;}
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 10px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:289px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../img/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../img/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../img/buttonLoginAction.gif); background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

#main .extension:after { clear: both; content: ""; display: block; }
#main .extension { display: none; position: relative; }
.extension.e2 { border-top: 1px dotted #DDDDDD; margin: 0 0 5px; padding: 15px 0 0; }
.extension.e2 .section { background-color: #FCFCFC; border: 1px solid #EEEEEE; float: left; margin: 0 6px 0 0; padding: 15px; width: 128px; }
.extension.e2 h2 { color: #555555; font-size: 12px; margin: 0 0 10px; }
                    
.extension.e2 ul { list-style: none outside none; margin: 0; padding: 0;}
.extension.e2 ol { color: #767676; margin: 0 0 0 22px; padding: 0;}
.extension.e2 li { margin: 0 0 4px;}
.extension.e2 li a { color: #767676;}
.extension.e2 li sup { color: #999999;}
.extension.e2 .newMember { background-image: url("../img/iconMemberNew.gif"); background-position: 195px 16px; background-repeat: no-repeat;}
                    
.extension.e2 .newMember li { /*background: url("../img/iconList.gif") no-repeat scroll left 6px transparent;*/ padding: 0 0 0 8px;}
.extension.e2 .docRank { background-image: url("../img/iconDocument.gif"); background-position: 195px 16px; background-repeat: no-repeat;}
.extension.e2 .replyRank { background-image: url("../img/iconReply.gif"); background-position: 195px 16px; background-repeat: no-repeat;}
.extension.e2 .onMember { background-image: url("../img/iconMemberOn.gif"); background-position: 195px 16px; background-repeat: no-repeat; float: right; margin: 0;}
.extension.e2 .onMember li { /*background: url("../img/iconList.gif") no-repeat scroll left 6px transparent; */ padding: 0 0 0 8px;}

.cafe .cafe_info dt, .cafe_stat dt {padding-left: 0px !important; margin-right:10px;}
div.cafe_setup {margin-top:0 !important; margin-bottom: 10px !important;}